.app {
    .header {
        line-height: 50px;
        padding: 0 20px;
        background-color: #4294ff;

        a {
            color: #fff;
        }

        .mydata{
            display: flex;
            justify-content: space-between;

            p {
                font-size: 20px;
                color: #fff;
            }

            .portrait {
               // display: inline-block;
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background-color: slateblue;
            }
        }

        .data {
            display: flex;
            height: 120px;

            a {
                flex: 1;
                position: relative;

                .math {
                    width: 150px;
                    font-size: 14px;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);

                    p {
                        font-size: 16px;
                        color: #AAD9F7;
                        padding-bottom: 8px;
                    }

                    span {
                        color: #fff;
                        font-size: 40px;
                    }
                }
            }

            .right-data::before {
                content: '';
                position: absolute;
                top: 25%;
                left: -5%;
                width: 2px;
                height: 50%;
                background-color: #fff;
            }
        }

        .datas {
            display: flex;
            justify-content: space-between;

            .number{
                line-height: 25px;
                padding-bottom: 25px;

                .day {
                    color: #AAD9F7;
                    font-size: 14px;
                }

                span {
                    color: #fff;
                    font-weight: bold;
                }
            }
        }
    }

    .footer {
        padding: 20px 25px;

        .footer-data {
            height: 250px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            border-radius: 10px;
        }
    }

}